<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <!-- SEO  -->
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <!-- 苹果专用 -->
  <!-- <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="blank" />
  <meta name="format-detection" content="telephone=no" /> -->
  <!-- 简单移动端适配 -->
  <!-- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" /> -->
  <meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1' />
  <link rel="stylesheet" type="text/css" href="css/bootstrap-theme.css" />
  <link rel="stylesheet" type="text/css" href="css/bootstrap.css" />
  <link rel="stylesheet" type="text/css" href="css/content/all-public.css" />
  <link rel="stylesheet" type="text/css" href="css/content/common.css" />
  <link rel="stylesheet" type="text/css" href="css/content/index-content.css" />

  <script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/common.js" type="text/javascript" charset="utf-8"></script>
  <script src="js/polyfill.js" charset="utf-8"></script>
  <script src="js/browser.min.js"></script>
  <script src="js/axios.js"></script>
  <script src="js/api.js"></script>
  <title>首页</title>
</head>

<body>
  <div class="all_style" id="app">
    <div class="header">
      <div class="top">
        <div class="title">
          <div class="content1">
            您好，欢迎来到塔县公共服务平台
          </div>
          <div class="content2">
            <a href="pages/content/register.html">注册</a><a>/</a><a href="pages/content/login.html">登录</a>
          </div>
        </div>
      </div>
      <div class="logo">
        <div class="content">
          <a href="index.html"><img src="img/logo .png" alt=""></a>
        </div>
      </div>
      <div class="bottom">
        <div class="navbar-bottom">
          <nav class="navbar bg-dark navbar-light">
            <ul class="navbar-nav">
              <li class="nav-item active">
                <a class="nav-link" href="index.html">首页
                  <p></p>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/news-index.html">新闻资讯
                  <p></p>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/public-index.html">
                  公共服务中心
                  <p></p>
                </a>
                <div>
                  <ul class="hoverul">
                    <li><a href="pages/content/public-index.html">农产品展销中心</a></li>
                    <li><a href="pages/content/public-index-peixun.html">电商人才培训中心</a></li>
                    <li><a href="pages/content/public-index-wuliu.html">仓储物流配送中心</a></li>
                    <li><a href="pages/content/public-index-yunying.html">电商服务运营中心</a></li>
                    <li><a href="javascript:;">创客基地孵化中心</a></li>
                    <li><a href="javascript:;">大数据中心</a></li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/site-index.html">服务站点
                  <p></p>
                </a>
                <div>
                  <ul class="hoverul">
                    <li><a href="pages/content/site-index.html">站点动态</a></li>
                    <li><a href="pages/content/site-index-map.html">站点地图</a></li>
                    <li><a href="pages/content/site-index-fengcai.html">站长风采</a></li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/training-index.html">电商培训
                  <p></p>
                </a>
                <div>
                  <ul class="hoverul">
                    <li><a href="pages/content/training-index.html">在线课程</a></li>
                    <li><a href="pages/content/training-index-xianxia.html">线下培训</a></li>
                    <li><a href="pages/content/training-index-jiangshi.html">知名讲师</a></li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/link-index.html">供应链
                  <p></p>
                </a>
                <div>
                  <ul class="hoverul">
                    <li><a href="pages/content/link-index.html">品牌建设</a></li>
                    <li><a href="pages/content/link-index-biaozhun.html">标准化体系</a></li>
                    <li><a href="pages/content/link-index-suyuan.html">溯源系统</a></li>
                    <li><a href="pages/content/link-index-wuliu.html">物流系统</a></li>
                  </ul>
                </div>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/fupin-index.html">电商扶贫
                  <p></p>
                </a>

              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/special-index.html">扶贫专项
                  <p></p>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/travel-index.html">乡村旅游
                  <p></p>
                </a>
              </li>
              <li class="nav-item">
                <a class="nav-link" href="pages/content/upside-index.html">农产品上行
                  <p></p>
                </a>
              </li>
            </ul>
          </nav>
        </div>
      </div>
      <div class="banner">
        <div id="myCarousel" class="carousel slide" data-ride="carousel" data-wrap="true" data-interval="4000">
          <!-- 轮播（Carousel）指标 -->
          <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
          </ol>
          <!-- 轮播（Carousel）项目 -->
          <div class="carousel-inner">
            <div class="item active">
              <img src="img/banner1.jpg" alt="First slide">
            </div>
            <div class="item">
              <img src="img/banner2.jpg" alt="First slide">
            </div>
            <div class="item">
              <img src="img/banner3.jpg" alt="First slide">
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="content">
      <div class="news">
        <div class="news-title">
          <img src="img/news.png">
        </div>
        <div class="news-content">
          <div class="left">
            <div id="newsBanner" class="carousel slide" data-ride="carousel" data-wrap="true" data-interval="5000">
              <!-- 轮播（Carousel）项目 -->
              <div class="carousel-inner">
                <div class="item active">
                  <a href="javascript:;">
                    <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                  </a>
                </div>
                <div class="item">
                  <a href="javascript:;">
                    <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                  </a>
                </div>
                <div class="item">
                  <a href="javascript:;">
                    <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                  </a>
                </div>
              </div>
            </div>
          </div>
          <div class="right">
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>党政新闻</h5>
                <a class='last' href="pages/content/news-index-list.html?id=1">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in partyList' :class='{firstli:index==0}'><a target="_blank"
                      @click='handleClickNew(item.id)'>
                      <div></div>{{item.title}}
                    </a></li>
                </ul>
              </div>
            </div>
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>行业新闻</h5>
                <a class='last' href="pages/content/news-index-list.html?id=19">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in industryList' :class='{firstli:index==0}'><a target="_blank"
                      @click='handleClickNew(item.id)'>
                      <div></div>{{item.title}}
                    </a></li>
                </ul>
              </div>
            </div>
            <br>
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>政府新闻</h5>
                <a class='last' href="pages/content/news-index-list.html?id=2">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in ruralList' :class='{firstli:index==0}'><a target="_blank"
                      @click='handleClickNew(item.id)'>
                      <div></div>{{item.title}}
                    </a></li>
                </ul>
              </div>
            </div>
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>乡村新闻</h5>
                <a class='last' href="pages/content/news-index-list.html?id=20">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in countryList' :class='{firstli:index==0}'><a target="_blank"
                      @click='handleClickNew(item.id)'>
                      <div></div>{{item.title}}
                    </a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="introduce">
        <div class="introduce-title">
          <div class="first"></div>
          <h4>电商扶贫</h4>
          <a class='last' href="pages/content/fupin-index.html">更多<img src="img/news-coin.png" alt=""></a>
        </div>
        <div class="fupin">
          <ul>
            <li v-for='(item,index) in fupinList'>
              <a :href="item.url" :class='{marginL:index==0}'>
                <img :src="item.pic" alt="">
                <div>{{item.title}}</div>
              </a>
            </li>
          </ul>
        </div>
        <div class="introduce-title">
          <div class="first"></div>
          <h4>电商培训</h4>
          <a class='last' href="pages/content/training-index.html">更多<img src="img/news-coin.png" alt=""></a>
        </div>
        <div class="training">
          <div class="left">
            <ul>
              <li v-for='(item,index) in trainingleftList'>
                <a :href="item.url" :class='{marginL:index==0 || index==3}'>
                  <img :src="item.pic" alt="">
                  <div>{{item.title}}</div>
                </a>
              </li>
            </ul>
          </div>
          <div class="right">
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>培训通知</h5>
                <a class='last' href="pages/content/training-index-xianxia.html">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in trainingrightList1' :class='{firstli:index==0}'>
                    <a target="_blank" @click='handleClickNew(item.id)'>
                      <div></div>
                      <p class="p1">{{item.title}}</p>
                      <p class="p2">{{item.create_time}}</p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
            <div class="right-detail">
              <div class="top">
                <a class='first'></a>
                <h5>培训新闻</h5>
                <a class='last' href="pages/content/training-index-xianxia.html">更多<img src="img/news-coin.png"
                    alt=""></a>
              </div>
              <div class="bottom">
                <ul>
                  <li v-for='(item,index) in trainingrightList2' :class='{firstli:index==0}'>
                    <a target="_blank" @click='handleClickNew(item.id)'>
                      <div></div>
                      <p class="p1">{{item.title}}</p>
                      <p class="p2">{{item.create_time}}</p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
        <div class="introduce-title">
          <div class="first"></div>
          <h4>服务中心</h4>
          <a class='last' href="pages/content/public-index.html">更多<img src="img/news-coin.png" alt=""></a>
        </div>
        <div class="center">
          <div class="top">
            <ul>
              <li v-for='(item,index) in centerButton'>
                <a :href="item.link" :class='{marginL:index==0,centerActive:index==0}'>{{item.name}}</a>
              </li>
            </ul>
          </div>
          <div class="bottom">
            <img src="img/center-img1.png" alt="">
          </div>
        </div>
        <div class="site">
          <div class="left">
            <div class="introduce-title">
              <div class="first"></div>
              <h4>服务站点</h4>
            </div>
            <div class="content">
              <div class="contentleft">
                <div id="siteBanner" class="carousel slide" data-ride="carousel" data-wrap="true" data-interval="5000">
                  <div class="carousel-inner">
                    <div class="item active">
                      <a href="javascript:;">
                        <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                      </a>
                    </div>
                    <div class="item">
                      <a href="javascript:;">
                        <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                      </a>
                    </div>
                    <div class="item">
                      <a href="javascript:;">
                        <li class="detail">雪山美景，吸引景区游客纷纷拍照留念...</li>
                      </a>
                    </div>
                  </div>
                </div>
              </div>
              <div class="contentright">
                <ul>
                  <li v-for='(item,index) in siteList'>
                    <a target="_blank" @click='handleClickNew(item.id)' :class='{firstli:index==0}'>
                      <div></div>
                      <p class="p1">{{item.title}}</p>
                      <p class="p2">{{item.create_time.split('.')[0]}}</p>
                    </a>
                  </li>
                </ul>
              </div>
            </div>
          </div>
          <div class="right">
            <div class="introduce-title">
              <div class="first"></div>
              <h4>站点地图</h4>
            </div>
            <div class="site-map">
              <a href="javascript:;"><img src="img/site-map.png" alt=""></a>
            </div>
          </div>
        </div>
        <div class="introduce-title">
          <div class="first"></div>
          <h4>乡村旅游</h4>
          <a class='last' href="pages/content/travel-index.html">更多<img src="img/news-coin.png" alt=""></a>
        </div>
        <div class="travel">
          <ul>
            <li v-for='(item,index) in travelList'>
              <a :href="item.url" :class='{marginL:index==0||index==4}'>
                <img :src="item.pic" alt="">
                <div>{{item.title}}</div>
              </a>
            </li>
          </ul>
        </div>
        <div class="introduce-title">
          <div class="first"></div>
          <h4>便民服务</h4>
        </div>
        <div class="convenient">
          <ul>
            <li v-for='(item,index) in convenientList'>
              <a :href="item.link" :class='{marginL:index==0}'>
                <img :src="item.img" alt="">
                <div>{{item.value}}</div>
              </a>
            </li>
          </ul>
        </div>
        <div class="introduce-title">
          <div class="first"></div>
          <h4>友情链接</h4>
        </div>
        <div class="link">
          <ul>
            <li v-for='(item,index) in linkList'>
              <a :href="item.url" :class='{marginL:index==0,}'>{{item.name}}</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <my-footer></my-footer>
  </div>
</body>

<script type="text/babel">
  var app = new Vue({
    el: '#app',
    data: {
      partyList: [],//党政
      industryList: [],//行业
      governmentList: [],//政府
      countryList: [],//乡村
      ruralList: [],
      fupinList: [], //电商扶贫
      trainingleftList: [], //电商培训
      trainingrightList1: [],
      trainingrightList2: [],
      centerButton: [
        { name: '农产品展销中心', link: 'pages/content/public-index.html' },
        { name: '电商人才培训中心', link: 'pages/content/public-index-peixun.html' },
        { name: '仓储物流配送中心', link: 'pages/content/public-index-wuliu.html' },
        { name: '电商服务运营中心', link: 'pages/content/public-index-yunying.html' },
        { name: '创客基地孵化中心', link: 'pages/content/public-index-fuhua.html' },
        { name: '大数据中心', link: 'pages/content/public-index-shujv.html' },
      ],
      siteList: [],
      travelList: [],
      convenientList: [
        { img: 'img/convenient-img1.png', value: '农机租赁', link: 'pages/content/index-nongji.html' },
        { img: 'img/convenient-img2.png', value: '手机充值', link: '' },
        { img: 'img/convenient-img3.png', value: '电话查询', link: '' },
        { img: 'img/convenient-img4.png', value: '天气查询', link: '' },
        { img: 'img/convenient-img5.png', value: '交通违规', link: '' },
        { img: 'img/convenient-img6.png', value: '公交查询', link: '' },
        { img: 'img/convenient-img7.png', value: '车票购买', link: '' },
        { img: 'img/convenient-img8.png', value: '物流配送', link: '' }
      ],
      linkList: [
        { name: '中国农业新闻网' },
        { name: '塔县政府网' },
        { name: '塔县商城' },
        { name: '淘宝网' },
        { name: '新疆网' },
      ]
    },
    methods: {
      handleClickNew(id) {
        window.location.href = 'pages/content/news-index-detail.html?id=' + id;
      },
      getData1() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '1' })).then((res) => {
          self.partyList = res.data.list
        })
      },
      getData2() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '2' })).then(res => {
          self.ruralList = res.data.list
        })
      },
      getData5() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '5' })).then(res => {
          self.siteList = res.data.list
        })
      },
      getData19() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '19' })).then(res => {
          self.industryList = res.data.list
        })
      },
      getData20() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '20' })).then(res => {
          self.countryList = res.data.list
        })
      },
      getData32() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '32' })).then(res => {
          self.fupinList = res.data.list
        })
      },
      getData12() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '12' })).then(res => {
          self.trainingleftList = res.data.list
        })
      },
      getData21() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '21' })).then(res => {
          self.trainingrightList1 = res.data.list
        })
      },
      getData22() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '22' })).then(res => {
          self.trainingrightList2 = res.data.list
        })
      },
      getData27() {
        var self = this;
        Promise.resolve(getData(axios, { cat_ids: '27' })).then(res => {
          self.travelList = res.data.list
        })
      },
    },
    created() {
      this.getData1();
      this.getData2();
      this.getData5();
      this.getData19();
      this.getData20();
      this.getData32();
      this.getData12();
      this.getData21();
      this.getData22();
      this.getData27();
    }
  })
</script>
<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<style>
  .all_style {
    width: 100%;
  }
</style>

</html>